$(function () {
    function getList() {
        // 获取文章分类
        $.ajax({
            url: BigNew.category_list,
            type: 'get',
            success: function (backData) {
                if (backData.code == 200) {
                    let resHtml = template('slugTemp', backData);
                    $('tbody').html(resHtml);
                }
            }
        });
    }
    getList();
    //新增分类
    $('#newslug').on('click', function () {
        // 显示新增分类框
        $('#addModal').modal('show');
        $('#modal-title').text('新增分类');
        $('#category_name').val('');
        $('#category_slug').val('');
        $('.btn-add').text('提交');
        $('.btn-add').attr('data-id', '');
    });
    $('.btn-add').on('click', function () {

        let name = $('#category_name').val().trim();

        let slug = $('#category_slug').val().trim();
        if (name == '' || slug == '') {
            alert('请输入内容');
            return;
        };
        //获取id
        let id = $(this).attr('data-id');
        if (id) {
            //编辑分类
            $.ajax({
                url: BigNew.category_edit,
                type: 'post',
                data: {
                    id,
                    name,
                    slug
                },
                success(backData) {
                    if (backData.code == 200) {
                        $('#modal-title').text('新增分类');
                        $('#category_name').val('');
                        $('#category_slug').val('');
                        $('.btn-add').text('提交');
                        $('.btn-add').attr('data-id', '');
                        $('#addModal').modal('hide');
                        getList()
                    }
                }

            })
        } else {
            //新增分类
            $.ajax({
                url: BigNew.category_add,
                type: 'post',
                data: {
                    name,
                    slug
                },
                success(backData) {
                    if (backData.code == 201) {
                        alert('新增成功');
                        getList();
                        $('#addModal').modal('hide');
                        $('form')[0].reset();
                    };
                },
                error(xhr, status, error) {
                    if (xhr.status == 400) {
                        alert('该分类已存在');

                    }
                }
            });
        }

    });

    // 删除分类
    $('tbody').on('click', '.btn-del', function () {
        let id = $(this).parent().attr('data-id');

        if (confirm('是否确认删除？')) {
            $.ajax({
                url: BigNew.category_delete,
                type: 'post',
                data: {
                    id
                },
                success(backData) {
                    if (backData.code == 204) {
                        getList();
                    };
                },
            });
        };
    });

    // 编辑分类
    $('tbody').on('click', '.btn-edit', function () {
        let id = $(this).parent().attr('data-id');
        $('#addModal').modal('show');
        $.ajax({
            url: BigNew.category_search,
            type: 'get',
            data: {
                id
            },
            success(backData) {
                if (backData.code == 200) {
                    $('#modal-title').text('编辑文章分类');
                    $('#category_name').val(backData.data[0].name);
                    $('#category_slug').val(backData.data[0].slug);
                    $('.btn-add').text('保存');
                    $('.btn-add').attr('data-id', backData.data[0].id);
                }
            }

        })

    })
});